<template>
  <div> 
    <div class="container">   
        <p class="head">我的</p>
        <div>
          <v-touch tag="div" class="category-item join" @tap="toFitInstiList(1)">
            <p class="picture">+</p>
            <p class="pl">请登录</p>
          </v-touch>
        </div>
         <router-link class="link" to="">  
          <icon name="deposit" scale="4" class="icon"></icon>
          <div>浏览历史</div>
          <p>></p>
        </router-link>
         <router-link to="/Daka" class="link">  
          <icon name="sign"  scale="4" class="icon1"></icon>
          <div>读书打卡</div>
          <p>></p>
        </router-link>
        <router-link to="" class="link">  
          <icon name="selected" scale="4" class="icon1"></icon>
          <div>想法</div>
          <p>></p>
        </router-link> 
        <router-link to="/Shezhi" class="link">  
          <icon name="settings" scale="4" class="icon2"></icon>
          <div>设置</div>
          <p>></p>
        </router-link>
         <router-link to="" class="link">  
          <icon name="artstudy" scale="4" class="icon2"></icon>
          <div>帮助与反馈</div>
          <p>></p>
        </router-link>
        
      
    </div>
    <navigation></navigation>
  </div>
</template>

<script>
export default {

}
</script>

<style>
.container{
  font-family: "微软雅黑";
}
.head{
  background-color: #dcebe4;
  font-size: 20px;
  padding: 10px 0;
  text-align: center;
}
.link{
  display: flex;
  justify-content: space-between;
  padding: 10px 20px;
  margin: 0;
  background-color: #fff;
  border:1px solid #ededed;
}
.icon2{
  color: #5a99e8;
}
.icon1 {
  color: #f2ac42;
}
.icon{
  color: #e12f26;
}

.link div{
  font-size: 15px;
  padding: 0 0 0 20px;
  width: 100%;
  color: rgb(59, 68, 77);
  line-height: 35px;
}
.link p{
  line-height: 35px;
  color: #0c294d;
}
.join{
  padding: 10px;
  display: flex;
}
.picture{
  padding: 20px 25px;
  margin: 3px;
  border: 1px solid #dcebe4;
  background-color: #fff;
  border-radius: 50%;
  font-size: 20px;
}
.pl{
  line-height: 38px;
  padding: 20px;
}
</style>
